<template>
    <div class="myclass">
        <heade></heade>
        <div class="content">
            <ul>
                <li class="clearfix">
                    <div class="left fl">
                        <img src="../assets/1308040.png" alt="">
                    </div>
                    <div class="right fr">
                        <h3>科研能力提升策略（优秀班级）</h3>
                        <p>讲师：刘玉行</p>
                        <p>已开班</p>
                        <p>报名人数：<span class="pernum">50</span>/50人</p>
                    </div>
                </li>
                <li class="clearfix">
                    <div class="left fl">
                        <img src="../assets/1308040.png" alt="">
                    </div>
                    <div class="right fr">
                        <h3>科研能力提升策略（优秀班级）</h3>
                        <p>讲师：刘玉行</p>
                        <p>已开班</p>
                        <p>报名人数：<span class="pernum">50</span>/50人</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>
import heade from '../components/heade'
    export default {
        name:'myclass',
        components:{
            heade
        }
    }
</script>

<style lang="less" scoped>
.myclass{
    width: 100%;
    height: 100%;
    font-size: 0;
    background: #f8f8f8;
    .content{
        width: 100%;
        margin-top:0.2rem;
        li{
            height: 2rem;
            // line-height: 2rem;
            background-color: #fff;
            padding: 0 0.2rem;
            box-sizing: border-box;
            margin-bottom: 0.15rem;
            .left{
                width: 32%;
                padding-top:0.2rem;
                box-sizing: border-box;
                img{
                    width: 100%;
                }
            }
            .right{
                width: 65%;
                 padding-top:0.2rem;
                box-sizing: border-box;
                margin-left: 3%;
                h3{
                     color:rgb(49,49,49);
                    font-family: AdobeHeitiStd-Regular;
                    font-size: 0.24rem;
                    font-weight: bold;
                }
                p{
                    font-size: 0.22rem;
                    &:nth-child(2){
                        color:#b7b0b0;
                        margin-top:0.05rem;
                    }
                     &:nth-child(3){
                        color:#e71a1c;
                        margin-bottom:0.1rem;
                        font-size: 0.22rem;
                        font-weight: bold;
                    }
                    &:nth-child(4){
                        color:#b7b0b0;
                    }
                    .pernum{
                         color:#e71a1c;
                    }
                }
            }
        }

    }
}


</style>